<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>2020幸运用户</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/luckUser.css" />
		<link rel="stylesheet" type="text/css" href="css/hehua.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="//res.qiaomukeji.com/js/chomoo-weixin.js?v=3"></script>
		<script type="text/javascript" src="js/moduls/islogin.js"></script>
		<script type="text/javascript" src="js/moduls/prize.js"></script>
		<script type="text/javascript" src="js/adapter.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	</head>

	<body>
		<div class="top">
			<div class="top-logo">
			</div>
			<div class="top-theme">
			</div>
			<div class="top-title">
			</div>

			<div class="top-btnBack" onclick="history.go(-1);">
			</div>
		</div>
		<div class="bottom">
			<div class="bottom-logo">
			</div>
		</div>
		<div class="content">

			<div class="middlePath">
				<div class="title">
					<img src="img/luckUser/luckUser.png" alt="">
				</div>
				<div class="lotuFlower"><img src="img/luckUser/lotuFlower.png" /></div>
				<div class="tableContent">
					<div class="innerTab">
						<table style="border-collapse:collapse">
							<thead class="tabHead">
								<tr>
									<td class="active">1月6号</td>
									<td>1月7号</td>
									<td>1月8号</td>
									<td>1月9号</td>
									<td>1月10号</td>

								</tr>
							</thead>
							<tbody>

								<table class="tabInfo selected">
									<thead>
										<tr>
											<td colspan="5">
												<div class="selfInfo">
													<!--<div class="user"><img :src="myPrizeInfo.avatar"></div>-->
													<div class="user"><img src="img/luckUser/chan_img.png"></div>

													<span>自己的中奖信息</span>
												</div>
											</td>
										</tr>
									</thead>
									<tbody>
										<tr class="infoTitle">
											<td colspan="5" class=" prizeInfo">
												<span>用户信息</span>
												<span>中奖时间</span>
											</td>
										</tr>
										<tr v-for="(luckUser,index) in luckUsers" :key="index">
											<td colspan="5" class="prizeInfo">
												<div class="user">
													<img style="border-radius: 50%;" :src="luckUser.avatar" /></div>
												<span class="spa1">{{luckUser.name}}</span>
												<span class="spa2" style="vertical-align: middle;">{{luckUser.date}}</span>
											</td>
										</tr>

									</tbody>

									<tfoot>
										<tr>
											<td>
												<div class="page">
													<!--<span>页码</span>
													<span>1</span>
													<span>2</span>
													<span>3</span>
													<span>4</span>
													<span>5</span>
													<span>6</span>-->

												</div>
											</td>
										</tr>
									</tfoot>
								</table>
							</tbody>
						</table>
					</div>
				</div>

			</div>

		</div>

		<script>
			var app = new Vue({
				el: '.content',
				data: {
					myPrizeInfo: [],
					luckUsers: []
				}
			})
			//

			//幸运用户
			getLuckyUser('2019-12-22', function(res) {

				app.luckUsers = res["luckyUsers"];

				for(var i = 0; i < res["luckyUsers"].length; i++) {
					if(res["luckyUsers"][i]["uid"] == window.localStorage.getItem("uid")) {
						app.myPrizeInfo = res["luckyUsers"][i];
					}
				}
			})
		</script>
		<script src="js/luckUser.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>